/**************************************************************************************** Import */
import _ from 'lodash';
import React, {Component} from 'react';
import { TextInput, View, Dimensions, TouchableHighlight, StyleSheet } from 'react-native';
import { Icon,  List, Button, InputItem, Tabs, TextareaItem, DatePicker, Accordion, Picker, Switch } from 'antd-mobile-rn';
import { CAround, CBetween, CCenter, CColumn, CFloat, CHand, CItemX, CItemY, CLine, CLoad, CRow, CWrap, CBone, CIcon, CImage, CSvg, CText, CFull, CScroll, CFooter, CHeader, CPage, CButton, CLabel, PTabbar, PHeader } from '../../library/comp';
import { Dialog, Http, PageBase } from '../../library/func';
import Design from '../../design';
import Config from '../../config';

/**************************************************************************************** Pageload */

/**************************************************************************************** Cacheload */

/**************************************************************************************** Preload */

/**************************************************************************************** Get */

/**************************************************************************************** Post */

/**************************************************************************************** Page */
export default class UserSystem extends PageBase {
	constructor(props) {
        super(props);
		this.state = {
            switch: false,
            // 手机开门
            phoneDoor:true,
            // 自动开门
            autoDoor:true,
            // 允许开门语音提示
            voicePrompt:false,
            // 接收视频看货
            watchVideo:true,
            // 安全锁车
            safetyLockCar:true,
		};
    }
    
    /************************************************************************************ Func */
    /**
     * switch按钮发生改变时调用的方法，改变变量的值
     */
    onSwitchChange = (value)=>{
        this.setState({
            switch: value
        })
    }

	/************************************************************************************ Render */
	render() {
		return (
			<CPage>
				{/* 用户可以对系统进行的设置操作 */}
				<CScroll mt='136' bg='#efeff4'>

                    {/* 是否开启手机开门功能 */}
                    <CRow pa='20' bg='#fff' bb='solid #f0f0f0 2'>
                        <CHand f='1'><CText size="26">手机开门</CText></CHand>
                        <CHand f='1' x='right'><Switch checked={this.state.phoneDoor} onChange={this.onSwitchChange}></Switch></CHand>
                    </CRow>

                    {/* 是否开启自动开门功能 */}
                    <CRow pa='20' bg='#fff' bb='solid #f0f0f0 2'>
                        <CHand f='1'><CText size="26">自动开门</CText></CHand>
                        <CHand f='1' x='right'><Switch checked={this.state.autoDoor} onChange={this.onSwitchChange}></Switch></CHand>
                    </CRow>

                    {/* 是否允许开门语音提示 */}
                    <CRow pa='20' bg='#fff' bb='solid #f0f0f0 2'>
                        <CHand f='1'><CText size="26">允许开门语音提示</CText></CHand>
                        <CHand f='1' x='right'><Switch checked={this.state.voicePrompt} onChange={this.onSwitchChange}></Switch></CHand>
                    </CRow>

                    {/* 是否接收视频看货功能 */}
                    <CRow pa='20' bg='#fff' bb='solid #f0f0f0 2'>
                        <CHand f='1'><CText size="26">接收视频看货</CText></CHand>
                        <CHand f='1' x='right'><Switch checked={this.state.watchVideo} onChange={this.onSwitchChange}></Switch></CHand>
                    </CRow>

                    {/* 是否开启安全锁车功能 */}
                    <CRow pa='20' bg='#fff' bb='solid #f0f0f0 2'>
                        <CHand f='1'><CText size="26">安全锁车</CText></CHand>
                        <CHand f='1' x='right'><Switch checked={this.state.safetyLockCar} onChange={this.onSwitchChange}></Switch></CHand>
                    </CRow>

                    {/* 设置语音提示最小间隔 */}
                    <CRow px='20' py="30"  bg='#fff' bb='solid #f0f0f0 2'>
                        <CHand f='1'><CText size="26">语音提示最小间隔</CText></CHand>
                        <CHand f='1' x='right' y='center'>
                            <TextInput underlineColorAndroid="transparent" multiline = {true} style={{ height:20, borderBottomWidth:0 }} value='10' editable={true}></TextInput>
                            <CText>10分钟</CText>
                        </CHand>
                    </CRow>

                    {/* 对讲/门铃的入口 */}
                    <CRow px='20' py="30" bg='#fff' bb='solid #f0f0f0 2'>
                        <CHand f='1'><CText size="26">对讲/门铃</CText></CHand>
                        <CHand f='1' x='right'></CHand>
                    </CRow>

                    {/* 一键开门快捷键设置 */}
                    <CRow px='20' py="30" bg='#fff'>
                        <CHand f='1'><CText size="26">一键开门快捷键</CText></CHand>
                        <CHand f='1' x='right'></CHand>
                    </CRow>

                    {/* 清除缓存的操作 */}
                    <CRow bg='#fff' px='20' py="30" mt='32' bb='solid #f0f0f0 2'>
                        <CHand f='1'><CText size="26">清除缓存</CText></CHand>
                        <CHand f='1' x='right'><CText color='#d2d2d2' size='28'>当前缓存3.4M</CText></CHand>
                    </CRow>

                    {/* 当前版本 */}
                    <CRow bg='#fff' px='20' py="30">
                        <CHand f='1'><CText size="26">当前版本</CText></CHand>
                        <CHand f='1' x='right'><CText color='#d2d2d2' size='28'>v.4.9.2</CText></CHand>
                    </CRow>

                    {/* 注销登录的按钮 */}
                    <CRow bg='#fff' x='center' y='center' my='32' pa='20'>
                        <CText color='#f00' size="26">注销登录</CText>
                    </CRow>

				</CScroll>

                {/* header */}
				<PHeader nav={this.nav}>系统设置</PHeader>
				
			</CPage>
		);
	}
}
